<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <title>产品展示</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/templatemo_style.css">
    <link rel="stylesheet" href="css/templatemo_misc.css">
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/testimonails-slider.css">

    <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>

<body>

    <header>
        <div id="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="logo">
                            <a href="#templatemo_417_grill"><img src="images/logo.png"
                                    title="create by yaojie technology zrx developer"
                                    alt="create by yaojie technology zrx developer"></a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="main-menu">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li><a href="products.html">产品展示</a></li>
                                <li><a href="about-us.html">关于我们</a></li>
                                <li><a href="contact-us.html">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <div id="heading">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-content">
                        <h2>产品展示</h2>
                        <span>Home / <a href="about-us.html">Products</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>





    <div id="products-post">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="product-heading">
                        <h2>你喜欢的款式 ?</h2>
                        <img src="images/under-heading.png" alt="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="filters col-md-12 col-xs-12">
                    <ul id="filters" class="clearfix">
                        <li><span class="filter" data-filter="all">全部</span></li>
                        <li><span class="filter" data-filter=".ginger">电镀</span></li>
                        <li><span class="filter" data-filter=".pizza">菲林</span></li>
                        <li><span class="filter" data-filter=".pasta">奶油</span></li>
                        <li><span class="filter" data-filter=".drink">水波纹</span></li>
                        <li><span class="filter" data-filter=".hamburger">天使眼</span></li>
                    </ul>
                </div>
            </div>
            <div class="row" id="Container">
                <div class="col-md-3 col-sm-6 mix portfolio-item Pizza">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product1.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product1_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>菲林</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item pizza">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product3.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product3_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>菲林</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item pasta">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product4.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product4_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>奶油</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item drink">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product5.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product5_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>水波纹</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item hamburger">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product6.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product6_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>天使眼</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item pizza">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product7.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product7_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>菲林</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item pasta">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product8.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product8_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>奶油</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item hamburger">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product3.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product3_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>天使眼</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item ginger">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product1.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product1_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>电镀</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 mix portfolio-item pasta">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-thumb">
                            <img src="images/product6.jpg" alt="" />
                            <div class="hover">
                                <div class="hover-iner">
                                    <a class="fancybox" href="images/product6_big.jpg"><img src="images/open-icon.png"
                                            alt="" /></a>
                                    <span>奶油</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pagination">
                <div class="row">
                    <div class="col-md-12">
                        <ul>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">>></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <footer>
        <div class="container">
            <div class="top-footer">
                <div class="row">
                </div>
            </div>
            <div class="main-footer" style="margin-top: 20px;">
                <div class="row">
                    <div class="col-md-3">
                        <div class="about">
                            <h4 class="footer-title">关于我们</h4>
                            <p>欢迎来到耀捷电子有限公司，一家致力于为电商平台提供全方位服务的创新科技公司。自成立以来，我们专注于软件开发、手机壳图案设计以及工厂定制等业务领域，旨在通过技术创新和专业服务为客户打造独一无二的电商体验。
                                <br><br>我们的团队由一群富有激情与创造力的专业人士组成，他们拥有丰富的行业经验和技术背景，能够精准把握市场需求，为客户提供最优质的服务。
                            </p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="shop-list">
                            <h4 class="footer-title">业务范围</h4>
                            <ul>
                                <li><i class="fa fa-angle-right"></i>网站开发</li>
                                <li><i class="fa fa-angle-right"></i>手机壳图案定制</li>
                                <li><i class="fa fa-angle-right"></i>电商平台对接管理</li>
                                <li><i class="fa fa-angle-right"></i>搬家上架</li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="more-info">
                            <h4 class="footer-title">联系我们</h4>
                            <p>我们不仅仅是创造者，更是梦想的实现者。自成立以来，我们一直致力于。我们的团队由一群充满激情和创造力的专业人士组成，他们来自不同的背景，但都怀着共同的目标——通过创新和卓越的服务，为客户带来最大的价值。</p>
                            <ul>
                                <li><i class="fa fa-phone"></i>咨询电话:18118752268</li>
                                <li><i class="fa fa-globe"></i>公司地址：深圳市龙岗区龙城街道爱联社区新屯村健军路16号3楼</li>
                                <li><i class="fa fa-envelope"></i><a href="#">公司邮箱：523913313@qq.com</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom-footer">
                <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2025362023号</a><br><span style="color:#f78e21;">Copyright © 2024-2025 耀捷电子有限公司 All Rights Reserved.</span>
            </div>

        </div>
    </footer>


    <script src="js/vendor/jquery-1.11.0.min.js"></script>
    <script src="js/vendor/jquery.gmap3.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>


</body>

</html>